@font-face {
  font-family: "iconfont"; /* Project id 2904969 */
  src: url("./assets/iconfont/iconfont.woff2?t=1635680257281") format("woff2"),
    url("./assets/iconfont/iconfont.woff?t=1635680257281") format("woff"),
    url("./assets/iconfont/iconfont.ttf?t=1635680257281") format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-yinliang:before {
  content: "\e87a";
}

.icon-zanting:before {
  content: "\e600";
}

.icon-guanbi:before {
  content: "\e601";
}

.icon-quanping:before {
  content: "\e8fa";
}

.icon-bofang:before {
  content: "\e8a3";
}

* {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
.clearfix {
  display: block;
  content: " ";
  clear: both;
}

/* main。css */
body {
  height: 2000px;
}
#list {
  width: 1226px;
  margin: 0 auto;
}
#list .list-wrapper {
  width: 1240px;
}
#list .list-wrapper li {
  width: 296px;
  height: auto;
  float: left;
  margin-right: 14px;
  background-color: #fff;
}
#list .list-wrapper li div {
  position: relative;
}
#list .list-wrapper li img {
  width: 100%;
  height: 100%;
}
#list .list-wrapper li i {
  position: absolute;
  bottom: 10px;
  left: 20px;
  width: 32px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 23px;
  border: 2px solid #fff;
  border-radius: 10px;
}
#list .list-wrapper li h3 {
  padding: 30px auto;
  font-size: 12px;
  text-align: center;
}
#list .list-wrapper li:hover i {
  background-color: #ff6700;
}
